<body>
<h1 id="h1-heading-8-">h1 Heading 8-)</h1>

<h2 id="h2-heading">h2 Heading</h2>

<h3 id="h3-heading">h3 Heading</h3>

<h4 id="h4-heading">h4 Heading</h4>

<h5 id="h5-heading">h5 Heading</h5>

<h6 id="h6-heading">h6 Heading</h6>

<h2 id="horizontal-rules">Horizontal Rules</h2>

<hr>

<hr>

<hr>

<h2 id="typographic-replacements">Typographic replacements</h2>

<p>Enable typographer option to see result.</p>

<p>(c) (C) (r) (R) (tm) (TM) (p) (P) +-</p>

<p>test.. test... test..... test?..... test!....</p>

<p>!!!!!! ???? ,,  -- ---</p>

<p>"Smartypants, double quotes" and 'single quotes'</p>

<h2 id="emphasis">Emphasis</h2>

<p><strong>This is bold text</strong></p>

<p><strong>This is bold text</strong></p>

<p><em>This is italic text</em></p>

<p><em>This is italic text</em></p>

<p>~~Strikethrough~~</p>

<h2 id="blockquotes">Blockquotes</h2>

<blockquote>
  <p>Blockquotes can also be nested...</p>
  
  <blockquote>
    <p>...by using additional greater-than signs right next to each other...</p>
    
    <blockquote>
      <p>...or with spaces between arrows.</p>
    </blockquote>
  </blockquote>
</blockquote>

<h2 id="lists">Lists</h2>

<p>Unordered</p>

<ul>
<li>Create a list by starting a line with <code>+</code>, <code>-</code>, or <code>*</code></li>
<li>Sub-lists are made by indenting 2 spaces:

<ul>
<li>Marker character change forces new list start:</li>
<li>Ac tristique libero volutpat at</li>
<li>Facilisis in pretium nisl aliquet</li>
<li>Nulla volutpat aliquam velit</li>
</ul></li>
<li>Very easy!</li>
</ul>

<p>Ordered</p>

<ol>
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetur adipiscing elit</li>
<li><p>Integer molestie lorem at massa</p></li>
<li><p>You can use sequential numbers...</p></li>
<li>...or keep all the numbers as <code>1.</code></li>
</ol>

<p>Start numbering with offset:</p>

<ol start="57">
<li>foo</li>
<li>bar</li>
</ol>

<h2 id="code">Code</h2>

<p>Inline <code>code</code></p>

<p>Indented code</p>

<pre><code>// Some comments
line 1 of code
line 2 of code
line 3 of code
</code></pre>

<p>Block code "fences"</p>

<pre><code>Sample text here...
</code></pre>

<p>Syntax highlighting</p>

<pre><code class="js">var foo = function (bar) {
  return bar++;
};

console.log(foo(5));
</code></pre>

<h2 id="tables">Tables</h2>

<table>
<thead>
<tr>
  <th>Option</th>
  <th>Description</th>
</tr>
</thead>
<tbody>
<tr>
  <td>data</td>
  <td>path to data files to supply the data that will be passed into templates.</td>
</tr>
<tr>
  <td>engine</td>
  <td>engine to be used for processing templates. Handlebars is the default.</td>
</tr>
<tr>
  <td>ext</td>
  <td>extension to be used for dest files.</td>
</tr>
</tbody>
</table>

<p>Right aligned columns</p>

<table>
<thead>
<tr>
  <th align="right">Option</th>
  <th align="right">Description</th>
</tr>
</thead>
<tbody>
<tr>
  <td align="right">data</td>
  <td align="right">path to data files to supply the data that will be passed into templates.</td>
</tr>
<tr>
  <td align="right">engine</td>
  <td align="right">engine to be used for processing templates. Handlebars is the default.</td>
</tr>
<tr>
  <td align="right">ext</td>
  <td align="right">extension to be used for dest files.</td>
</tr>
</tbody>
</table>

<h2 id="links">Links</h2>

<p><a href="http://dev.nodeca.com" target="_blank" class="external">link text</a></p>

<p><a href="http://nodeca.github.io/pica/demo/" title="title text!" target="_blank" class="external">link with title</a></p>

<p>Autoconverted link <a href="https://github.com/nodeca/pica" class="external" target="_blank">https://github.com/nodeca/pica</a> (enable linkify to see)</p>

<h2 id="images">Images</h2>

<p><img src="https://octodex.github.com/images/minion.png" alt="Minion" class="external" loading="lazy"><br>
<img src="https://octodex.github.com/images/stormtroopocat.jpg" alt="Stormtroopocat" title="The Stormtroopocat" class="external" loading="lazy"></p>

<p>Like links, Images also have a footnote style syntax</p>

<p><img src="https://octodex.github.com/images/dojocat.jpg" alt="Alt text" title="The Dojocat" class="external" loading="lazy"></p>

<p>With a reference later in the document defining the URL location:</p>

<h3 id="footnotes">Footnotes</h3>

<p>Footnote 1 link<sup id="fnref:first"><a href="#fn:first" class="footnote-ref" role="doc-noteref">1</a></sup>.</p>

<p>Footnote 2 link<sup id="fnref:second"><a href="#fn:second" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>

<p>Inline footnote^[Text of inline footnote] definition.</p>

<p>Duplicated footnote reference<sup id="fnref2:second"><a href="#fn:second" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>

<h3 id="definition-lists">Definition lists</h3>

<dl>
<dt>Term 1</dt>
<dd>
<p>Definition 1<br>
with lazy continuation.</p>
</dd>

<dt>Term 2 with <em>inline markup</em></dt>
<dd>
<p>Definition 2</p>

<pre><code>{ some code, part of Definition 2 }
</code></pre>

<p>Third paragraph of definition 2.</p>
</dd>
</dl>

<p><em>Compact style:</em></p>

<h3 id="abbreviations">Abbreviations</h3>

<p>This is <abbr title="Hyper Text Markup Language">HTML</abbr> abbreviation example.</p>

<p>It converts "<abbr title="Hyper Text Markup Language">HTML</abbr>", but keep intact partial entries like "xxxHTMLyyy" and so on.</p>

<div class="footnotes" role="doc-endnotes">
<hr>
<ol>

<li id="fn:first" role="doc-endnote">
<p>Footnote <strong>can have markup</strong></p>

<p>and multiple paragraphs. <a href="#fnref:first" class="footnote-backref" role="doc-backlink">↩︎</a></p>
</li>

<li id="fn:second" role="doc-endnote">
<p>Footnote text. <a href="#fnref:second" class="footnote-backref" role="doc-backlink">↩︎</a> <a href="#fnref2:second" class="footnote-backref" role="doc-backlink">↩︎</a></p>
</li>

</ol>
</div>

</body>
